@import './../../lib/reset.scss'; 

    .user_content{
        a{
            color: #333333;
        }
        background-color: #FFFFFF;
        header{
            padding-top: .32rem;
            height: 1.505rem;
            background-color: #3CD578;
            position: relative;
            span{
                img{
                    width: .2rem;
                    height: .2rem;
                }
            }
            .user_info{
                width: 3.45rem;
                height: 1.07rem;
                position: absolute;
                bottom: -0.315rem;
                left: 0;
                right: 0;
                margin: auto;
                box-shadow:0px 1px 9px 0px rgba(0, 0, 0, 0.18);
                border-radius:15px;
                background: url('/images/user/椭圆1.png') .21rem .105rem / .33rem .33rem no-repeat,
                            url('/images/user/椭圆1.png') 2.92rem .105rem / .33rem .33rem no-repeat,
                            url('/images/user/椭圆1.png') .845rem .195rem / .15rem .15rem no-repeat,
                            url('/images/user/椭圆1.png') 2.465rem .195rem / .15rem .15rem no-repeat,
                            url('/images/user/椭圆1.png') 1.215rem .23rem / .085rem .085rem no-repeat,
                            url('/images/user/椭圆1.png') 2.16rem .23rem / .085rem .085rem no-repeat;
                background-color: #FFFFFF;
                .touXiang{
                    position: absolute;
                    top: -.26rem;
                    left: 0;
                    right: 0;
                    margin: auto;
                    width: .585rem;
                    height: .585rem;
                    border-radius: 50%;
                    img{
                        height: 100%;
                        width: 100%;
                    }
                }
                &>p{
                    text-align: center;
                    font-size: 12px;
                    margin-top: .4rem;
                    color: #020304;
                }
                .category{
                    text-align: center;
                    font-size: 12px;
                    margin-top: .05rem;
                    color: #333333;
                    font-weight: 700;
                    @include flexbox();
                    @include justify-content()
                }
            }
        }
        h4{
            font-size: 12px;
            font-weight:700;
            color:#333333;
            line-height: .37rem;
        }
        .my_order{
            padding: 0 .15rem;
            margin-top: .425rem;
            height: 1.05rem;
            box-shadow:0px 1px 9px 0px rgba(0, 0, 0, 0.06);
            // justify-content: space-around;
            .category{
                @include flexbox();
                font-size: 12px;
                height: .675rem;
                a{
                    display: block;
                    flex: 1;
                    div{
                        @include flexbox();
                        @include flex-direction(column);
                        @include justify-content(center);
                        @include align-items(center)
                    }
                }
                img{
                    width: .25rem;
                    height: .25rem;
                    margin-bottom: .08rem;
                }
            }
        }
       .my_tool{
            padding: 0 .15rem;
            margin: .105rem 0 .12rem 0;
            box-shadow:0px 1px 9px 0px rgba(0, 0, 0, 0.06);
            .category{
                min-height: 2.365rem;
                @include flexbox();
                justify-content: space-between;
                @include align-content(space-around);
                font-size: 12px;
                flex-wrap: wrap;
                div{
                    min-width: .8rem;
                    @include flexbox();
                    @include flex-direction(column);
                    @include justify-content(center);
                    @include align-items(center)
                }
                img{
                    width: .25rem;
                    height: .25rem;
                    margin-bottom: .08rem;
                }
            }
        }
        .guess_like{
            padding: 0 .15rem;
            margin-bottom: .105rem;
            min-height: 2.15rem;
            box-shadow:0px 1px 9px 0px rgba(0, 0, 0, 0.06);
        }
    }
